<script setup lang="ts"></script>

<template>
  <div data-v-29887c62="" class="xtx_body_main">
    <div
      data-v-34da9342=""
      data-v-29887c62=""
      class="member-collect-special-page"
    >
      <div data-v-34da9342="" class="xtx-center-head">
        <h4 data-v-34da9342="" class="title fl">收藏的专题</h4>
      </div>
      <div
        data-v-34da9342=""
        class="xtx-collect-special"
        style="position: relative; min-height: 400px"
      >
        <ul data-v-34da9342="">
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">流府门</p>
              <p data-v-34da9342="" class="desc">人验间地</p>
              <i data-v-34da9342="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">身可圆次年</p>
              <p data-v-34da9342="" class="desc">此没改方</p>
              <i data-v-34da9342="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">连身原安京政</p>
              <p data-v-34da9342="" class="desc">山青温</p>
              <i data-v-34da9342="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">她系管因委心</p>
              <p data-v-34da9342="" class="desc">者建火成七术</p>
              <i data-v-34da9342="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">支需前手果</p>
              <p data-v-34da9342="" class="desc">争能整名见主</p>
              <i data-v-34da9342="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">更线要状</p>
              <p data-v-34da9342="" class="desc">展由果严海</p>
              <i data-v-34da9342="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">可资整小按变</p>
              <p data-v-34da9342="" class="desc">格接联该风</p>
              <i data-v-34da9342="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">内目学必为</p>
              <p data-v-34da9342="" class="desc">入知织存二使</p>
              <i data-v-34da9342="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">按音书分十</p>
              <p data-v-34da9342="" class="desc">后及物细县</p>
              <i data-v-34da9342="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">六转东走发</p>
              <p data-v-34da9342="" class="desc">义决果</p>
              <i data-v-34da9342="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">油算长白下快</p>
              <p data-v-34da9342="" class="desc">代济两</p>
              <i data-v-34da9342="" class="iconfont icon-guanbi"></i
            ></a>
          </li>
          <li data-v-34da9342="">
            <a data-v-34da9342="" href="javascript:;"
              ><img
                data-v-34da9342=""
                src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/img/index-new-pd01.png"
                alt="" />
              <p data-v-34da9342="" class="name">学北当层无边</p>
              <p data-v-34da9342="" class="desc">入按者</p>
             </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<style scoped lang="less">
.xtx_body_main[data-v-29887c62] {
  flex: 1;
  background: #fff;
  padding-bottom: 25px;
}
* {
  box-sizing: border-box;
}
div {
  display: block;
}
.xtx-center-head {
  line-height: 70px;
  margin: 0 25px;
  height: 70px;
  border-bottom: 1px solid #f5f5f5;
}
.xtx-collect-special[data-v-34da9342] {
  padding: 20px 25px;
}
element.style {
  position: relative;
  min-height: 400px;
}
.xtx-collect-special ul[data-v-34da9342] {
  display: flex;
  flex-wrap: wrap;
}
ul {
  list-style: none;
}
dd,
dl,
h1,
h3,
h4,
p,
ul {
  padding: 0;
  margin: 0;
}
.xtx-collect-special ul li[data-v-34da9342] {
  width: 294px;
  height: 210px;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  box-shadow: 0 0 2px #e4e4e4;
  a {
    text-decoration: none;
    color: #333;
    outline: none;
    background-color: transparent;
  }
}
.xtx-collect-special ul li[data-v-34da9342] {
  width: 294px;
  height: 210px;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  box-shadow: 0 0 2px #e4e4e4;
  a {
    text-decoration: none;
    color: #333;
    outline: none;
  }
  .xtx-collect-special ul li img[data-v-34da9342] {
    width: 294px;
    height: 140px;
  }
  img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
  }
  img {
    border-style: none;
  }
  .xtx-collect-special ul li p[data-v-34da9342] {
    padding: 0 10px;
  }
  .xtx-collect-special ul li i[data-v-34da9342] {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: #e4e4e4;
    color: #fff;
    line-height: 18px;
    display: none;
    text-align: center;
  }
}
</style>
